/* 1170px to 980px or 768px */
@media screen and (max-width: 1099px) {
    .banner-holder ul {
        height: auto;
    }
}

/* 980px to 800px */
@media screen and (max-width: 980px) {
    #header .px-header-right {
        float: left;
    }

    .col-md-3 {
        width: 33.333% !important;
    }

    .col-md-4, .col-md-6 {
        width: 50%;
    }

    .col-md-12, .col-md-9 {
        width: 100%;
    }

    [class*="col-md"], [class*="col-lg"] {
        display: inline-block;
        vertical-align: top;
    }
    /*margin: 0 -4px 20px 0;*/

    /*Banner Style*/
    .px-banner .banner-holder ul li .caption {
        display: none;
    }

        .px-banner .banner-holder ul li .caption h2 {
            font-size: 30px;
            line-height: 38px;
            margin: 0 0 20px;
        }

    /*Index Inner Style*/
    /*#main .px-biography article {width: 50%;}*/
    #main {
        padding-top: 0px;
        margin-top:0px;
    }
    #main .px-biography article .main-heading {
        padding-top: 0;
    }

    #main .px-biography article figure img {
        width: 100%;
    }

    #main .px-biography article .px-text {
        padding: 0 10px 0 0;
    }

    #main .px-counter .px-holder article {
        margin: 0 -4px 0 15px;
    }

        #main .px-counter .px-holder article:first-child {
            margin-left: 0;
        }

        #main .px-counter .px-holder article h3 {
            font-size: 16px;
        }

    .px-counter .px-holder figcaption {
        overflow: hidden;
    }

    #main .px-counter .px-holder article span {
        display: block;
        font-size: 12px;
        line-height: 16px;
    }

    .px-portfolio.grid article {
        display: inline-block;
        width: 50%;
        margin: 0 -4px 20px 0;
        vertical-align: top;
    }

    .upcoming-event .px-event.list article {
        overflow: hidden;
    }

    .px-team.team-grid article {
        width: 50%;
    }

    #main .fancy-grally article {
        width: 33.333%;
    }

    .px-twitter-sec .twitter-content {
        width: 100%;
        float: left;
    }

    /*About Us Style*/
    .px-about-video iframe {
        width: 100%;
    }

    .px-gallry.simple article {
        margin-bottom: 20px;
    }

    .px-gallry.simple figure img {
        width: 100%;
    }

    #main .px-tabs.simple .nav-tabs li a {
        font-size: 12px;
        min-width: 160px;
    }

    #main .px-counter.simple {
        background-size: cover;
        min-height: 375px;
    }

    .px-team figure img, .px-gallry.classic figure img {
        width: 100%;
    }

    /* Services Style */
    #main .call-action-sec {
        background-size: cover;
    }

    .picture-sec figure img {
        width: 100%;
    }

    #main .site-map.banner h2, #main .px-result.banner h2, #main .px-price.banner h2 {
        font-size: 40px;
    }

    /*Event Style*/
    #main .px-event.list .event-inner {
        width: 83%;
    }

    #main .upcoming-event .px-event.list article {
        width: 100%;
    }

    #main .upcoming-event .px-event.list {
        padding: 0 0 0 10px;
    }

    #main .px-event.grid article {
        margin: 0 -4px 40px 0
    }

    /* Album Style */
    #main .px-portfolio.list .text {
        padding: 30px 35px 10px 32px;
    }

    #main .detail-holder {
        width: 100%;
        float: left;
    }

    /* Gallery Style */
    #main .gallery-slider li img {
        width: 100%;
    }

    #main .gallery-slider ul.px-thumbnail {
        margin-right: 0;
    }

    /* Blog Style */
    #main .px-blog.large .px-media {
        width: 724px;
    }

    #main .px-blog.large .pagingInfo {
        bottom: 236px;
    }

    #main .px-blog.related .px-media {
        width: 100%;
    }


    /*Footer Style*/
    #footer .social-media ul li {
        width: 25% !important;
        margin: 0;
    }

    #footer .newsletter-flied form label input[type="text"] {
        width: 220px;
    }

    #footer .newsletter-flied form input[type="submit"] {
        width: 90px;
    }

    .newsletter-flied span.error {
        display: inline-block;
    }
}

/* 767px to 480px */
@media screen and (max-width: 767px) {
    .col-md-6, .col-md-3, .col-md-4, .col-lg-4, .col-sm-4 {
        width: 50% !important;
    }

    .col-md-8, .col-md-9 {
        width: 100%;
    }

    /* Responsive Menu */
    .js .navigation > ul {
        display: none;
    }

    .js .slicknav_menu {
        display: block;
        background-color: #fff;
        border-bottom: 1px solid #f1f1f1;
    }

    .slicknav_menu .slicknav_btn {
        float: right;
        margin-left: 0;
    }

    .slicknav_menu .slicknav_nav {
        background-color: #222;
    }

        .slicknav_menu .slicknav_nav a {
            margin: 0;
        }

            .slicknav_menu .slicknav_nav a:hover {
                background: #f1f1f1;
                border-radius: 0;
            }

        .slicknav_menu .slicknav_nav .slicknav_row:hover a {
            color: #222;
        }

        .slicknav_menu .slicknav_nav a a:hover {
            background: none;
        }

        .slicknav_menu .slicknav_nav li {
            border-bottom: 1px solid #555;
        }

            .slicknav_menu .slicknav_nav li ul li {
                border: none;
            }

    .slicknav_nav .slicknav_row:hover .slicknav_arrow {
        color: #222;
    }

    /*Banner Style*/
    .px-banner .banner-holder ul li .caption {
        display: none;
    }

        .px-banner .banner-holder ul li .caption h2 {
            font-size: 20px;
            margin: 0 0 10px;
            line-height: 26px;
        }

        .px-banner .banner-holder ul li .caption p {
            margin: 0 0 10px 0;
        }

    /*Index Inner Style*/
    #main .px-biography article figure img {
        width: 100%;
    }

    #main .px-counter .px-holder article {
        width: 30%;
        margin: 0 -4px 20px 22px;
    }

        #main .px-counter .px-holder article:last-child a {
            float: left;
        }

        #main .px-counter .px-holder article h3 {
            font-size: 20px;
        }

    #main .px-portfolio.grid article {
        display: inline-block;
        float: none;
        margin: 0 -4px 20px 0;
        vertical-align: top;
        width: 50%;
    }

    .px-event.list article {
        width: 100% !important;
        float: left;
    }

    .upcoming-event .px-event.list {
        padding: 0 10px;
    }

    #main .px-team.team-grid article {
        width: 50%;
    }

    #main .fancy-grally article {
        width: 50%;
    }

    #main .px-twitter-sec .twitter-content {
        width: 100%;
        float: left;
        padding: 0 20px;
    }

    /*About Us Style*/
    .px-about-video iframe {
        width: 100%;
    }

    .px-gallry.simple article {
        margin-bottom: 20px;
    }

    .px-gallry.simple figure img {
        width: 100%;
    }

    #main .px-tabs.simple .nav-tabs li a {
        font-size: 12px;
        min-width: 170px;
    }

    #main .px-counter.simple {
        background-size: cover;
        min-height: 375px;
    }

    .description .text {
        margin: 0px 15px;
    }

    .px-team figure img, .px-gallry.classic figure img {
        width: 100%;
    }

    /* Services Style */
    #main .call-action-sec {
        background-size: cover;
    }

    .picture-sec figure img {
        width: 100%;
    }

    /* Price Package Style */
    #main .px-price.booking {
        padding: 93px 10px 93px 10px;
    }

    #main .px-price.px-queries .px-text {
        width: 75%;
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    .contact-us {
        display: inline-block;
        vertical-align: middle;
    }

    /* construction Style */
    .wrapper .px-construction .countdown-alt-2 .label,
    .wrapper .px-construction .countdown-alt-2 .dd, .wrapper .px-construction .countdown-alt-2 .hh-1,
    .wrapper .px-construction .countdown-alt-2 .hh-2, .wrapper .px-construction .countdown-alt-2 .mm-1,
    .wrapper .px-construction .countdown-alt-2 .mm-2,
    .wrapper .px-construction .countdown-alt-2 .ss-1, .wrapper .px-construction .countdown-alt-2 .ss-2 {
        font-size: 50px;
    }

    #main .px-construction .px-media figure {
        text-align: center;
        padding: 0 20px;
    }

    #main .px-construction .px-media img {
        width: 150px;
        margin: 20px auto 10px auto;
    }

    .px-construction h5 {
        font-size: 24px;
    }

    #main .px-construction .text {
        margin: 0;
    }

    .px-construction .text span {
        font-size: 120px;
        margin: 20px auto;
        width: 120px;
    }
    /* Team Detail Style */
    #main .px-team .slidernav {
        margin-bottom: 20px;
    }

    #main .px-team .sliderfor {
        width: 100%;
        float: left;
    }

    /* Blog Style */
    #main .px-blog.large .description {
        margin: 0;
    }

    #main .px-blog.large article {
        padding: 0 20px;
    }

    #main .px-blog.related .px-media {
        width: 100%;
    }

    #main .px-blog.large .px-media {
        width: 723px;
        height: auto;
    }

    #main .px-blog.large .slick-next {
        right: 18px;
    }

    #main .px-blog.large .pagingInfo {
        right: 28px;
    }

    .px-blog.medium .px-media {
        height: auto;
        margin-left: 0px;
        width: 100%;
    }

    /* Event Style */
    #main .px-event.grid article {
        margin-bottom: 40px;
    }

    #main .px-event.list .event-inner {
        width: 82%;
        text-align: left;
    }

    #main .px-event.list {
        padding-left: 10px;
    }

        #main .px-event.list .icon-box {
            left: -12px;
        }

    /* Album Style */
    #main .px-portfolio.list .text {
        padding: 42px 35px 10px 32px;
    }

    .px-player figure {
        margin: 0 0 100px;
    }

    #main .detail-holder {
        width: 100%;
        float: left;
    }

    /* Gallery Style */
    .gallery-slider ul.px-slider li .px-captions {
        display: none;
    }

    /*Footer Style*/
    #footer .widget {
        display: inline-block;
        vertical-align: top;
    }
    /*margin: 0 -4px 20px 0;*/
    #footer .newsletter-flied form label input[type="text"] {
        width: 210px;
    }

    #footer .newsletter-flied form input[type="submit"] {
        width: 90px;
    }

    #footer .newsletter-flied span.error {
        display: inline-block;
    }

    #footer #copyright .social-media ul li {
        border-bottom: 1px solid #3e3e3e;
    }
}

/* 480px to 320px */
@media screen and (max-width: 480px) {
    .col-md-6, .col-md-4, .col-md-3, .col-lg-4, #footer .social-media ul li {
        width: 100% !important;
    }

    /*Header Element Style*/
    .px-header-element {
        margin: 0px;
    }

        .px-header-element .px-fancy-heading {
            padding: 0 5px;
            margin: 0px;
        }

            .px-header-element .px-fancy-heading h2 {
                font-size: 30px;
                font-weight: 700;
                line-height: 36px;
            }

    /*Banner Style*/
    .banner-holder ul li .caption {
        margin-left: -131px;
        padding: 10px 0 0;
        top: 0;
    }

    .px-banner .px-readmore {
        font-size: 12px;
        padding: 5px 20px 6px;
    }

    .banner-holder ul li .caption h2 {
        font-size: 20px;
        padding: 20px 0 0;
        line-height: 24px;
        margin: 0 0 10px;
    }

    .px-banner .caption p {
        display: none;
    }

    /*Index Inner Style*/
    #main .px-biography {
        margin: 0 0 20px 0;
    }

        #main .px-biography article .px-text {
            padding: 0 10px;
        }

            #main .px-biography article .px-text p {
                margin-bottom: 10px;
            }
        /*#main .px-biography article {margin: 0 -4px 20px 0;}*/
        #main .px-biography article figure {
            padding: 0 10px;
        }

            #main .px-biography article figure img {
                width: 100%;
            }

    #main .px-counter .px-holder article {
        width: 100%;
    }
        /*margin: 0 -4px 20px 0;*/
        #main .px-counter .px-holder article:last-child {
            width: 100%;
        }

        #main .px-counter .px-holder article .px-readmore {
            float: left;
        }

    #main .upcoming-event .px-event.list article {
        float: left;
    }

    #main .upcoming-event .px-event.list {
        padding: 0 10px;
    }

    #main .upcoming-event .main-heading {
        padding: 34px 0 0 10px;
    }

    #main .upcoming-event .px-event.list .text h4 {
        margin: 0 0 10px;
        font-size: 20px;
    }

    #main .upcoming-event .px-event.list .text ul li {
        margin: 0 0 10px 0;
    }

    #main .main-heading h2 {
        font-size: 30px;
        line-height: 32px;
    }

    #main .upcoming-event {
        padding: 30px 0;
    }

        #main .upcoming-event .px-event.list .event-box:before,
        #main .upcoming-event .px-event.list .event-box:after {
            left: 115px;
        }

    #main .px-team-bg .main-heading h2 {
        margin: 0;
    }

    #main .px-band-news article .px-holder .px-info {
        padding: 20px 20px 0;
        text-align: center;
    }

        #main .px-band-news article .px-holder .px-info h3 {
            font-size: 14px;
            margin: 0 0 10px;
        }

    #main .px-band-news article .px-holder .btn-next {
        left: 50%;
        margin: 0 0 0 -25px;
        top: 120px;
    }

    #main .px-band-news article .px-holder:hover img {
        margin: 0;
        width: 100%
    }

    #main .px-band-news article .px-holder:hover .btn-next img {
        width: auto;
    }

    #main ul.px-partners {
        overflow: hidden;
        height: 112px;
    }

    #main .px-fancy-heading h2 {
        font-size: 30px;
    }

    #main .px-fancy-heading p {
        padding: 0;
    }

    #main .fancy-grally article {
        width: 100%;
    }

    .px-twitter-sec .twitter-content {
        float: left;
        padding: 0 22px;
        text-align: center;
        width: 100%;
    }

        .px-twitter-sec .twitter-content i {
            display: inline-block;
            float: none;
        }

    #main .px-counter .px-holder article figure img {
        margin: 0 15px 0 0;
    }

    #main .px-actions-inner {
        padding: 15px 10px 0;
    }

    #main .px-band-partner ul.px-partners li a {
        padding: 20px 0 41px;
    }

    /* FAQ Style */

    .accordion2_wrraper {
        margin-left: 0px;
    }

    .panel-group.px-default.simple .panel-heading a {
        padding: 12px 15px 12px 45px;
    }

    #main .call-actions.modren .inner {
        background-size: cover;
        padding: 30px;
    }

    .call-actions.modren {
        text-align: center;
    }

        .call-actions.modren .cell {
            display: block;
            width: 100%;
        }

        .call-actions.modren .ac-text {
            display: inline-block;
            margin: 0 0 20px;
            width: 100%;
        }

    #main .call-actions.modren .heading h4 {
        font-size: 24px;
    }

    #main .call-actions.modren .call-btn a {
        display: inline-block;
        float: none;
    }

    .px-promo-box article {
        margin-bottom: 10px;
    }

    /* Services Style */
    .wrapper .site-map.banner h2, .wrapper .px-result.banner h2, .wrapper .px-price.banner h2 {
        font-size: 30px;
        line-height: 36px;
        margin: 0 0 10px 23px;
    }

        .wrapper .site-map.banner h2:before, .px-result.banner h2:before,
        .wrapper .px-price.banner h2:before, .px-error .content h2:before {
            top: -50px;
        }

    /* Price Package Style */
    #main .px-price.booking {
        padding: 50px 10px 10px;
    }

    #main .px-result.suggestion {
        padding: 0 10px;
    }

    #main .px-result.blog .description {
        width: 100%;
        float: left;
    }

        #main .px-result.blog .description .posted li a {
            display: inline-block;
        }

    #main .px-blog h3:after {
        top: 8px;
    }

    /* Price Package Style */
    #main .px-error .content h2 {
        font-size: 60px;
    }

    /* Blog Style */
    #main .px-band-news article .px-holder img {
        height: 220px;
    }

    #main .px-band-news article .px-holder .btn-next img {
        height: auto;
    }

    #main .px-blog.detail .post-option .content {
        float: none;
    }

    #main .description .info .read-more {
        float: left;
    }

    #main .px-blog.share .socail_media {
        margin-top: -5px;
    }

    #main .px-blog.share li {
        padding: 9px;
    }

    #main .px-blog.comments .childern .thumblist .text {
        padding: 19px 20px 29px 50px;
    }

    #main .px-blog.large .px-media {
        width: 335px;
        height: auto;
    }

    #main .px-blog.large .slick-prev, #main .px-blog.large .slick-next {
        top: 60px;
    }

    .px-blog.large {
        margin: 0 0 0 -6px;
    }

    #main .px-blog.large .slick-next {
        right: 7px;
    }

    #main .px-blog.large .text .post-option h5 {
        line-height: 30px;
    }

    #main .px-blog .share-blog {
        margin-bottom: 15px;
        padding-bottom: 5px;
    }

    /* Event Style */
    #main .px-event.list .event-inner {
        width: 100%;
        border-top: 2px dashed #e9e9e9;
        border-left: none;
        text-align: center;
    }

    #main .px-event.list .event-date {
        width: 100%;
        padding: 30px 0;
    }

    .px-event.list .event-inner .text {
        padding: 20px 0 30px;
        width: 100%;
        float: left;
    }

    #main .px-event.list .event-inner figure {
        display: inline-block;
        float: none;
    }

    #main .px-event.list .text ul li i {
        float: none;
    }

    #main .px-event.list .text ul li p {
        display: inline-block;
        padding: 0 0 0 10px;
    }
    /*#main .px-event.list .text .ticket-btn, #main .booked-btn, .cancel-btn {margin: 0 -50px 0 0; right: 50%; bottom: 20px;}*/
    .px-event.list .event-box:before, .px-event.list .event-box:after, .px-event.list:before {
        display: none;
    }

    #main .px-event.list {
        padding: 0;
    }

        #main .px-event.list .icon-box {
            display: none;
        }

    #main .px-tabs.simple .nav-tabs li {
        width: 100%;
        margin: 0 0 8px;
    }

        #main .px-tabs.simple .nav-tabs li a {
            width: 100%;
        }


    /* Event Style */
    #main .px-map-sec {
        display: inline-block;
        padding: 0 15px 0 0;
        width: 100%;
    }

    /* Album Style */
    #main .px-main-filter li {
        display: inline-block;
        margin: 0 0 5px;
    }

    #main .px-portfolio.list figure {
        width: 100%;
    }

    /* Contect Style */
    #main .px-form.plain label {
        width: 100%;
        padding: 0 15px 0 5px;
    }

    /* 404 Style */
    #main .px-error .content h2:before {
        top: -70px;
    }

    /*Footer Style*/
    #footer .newsletter-flied form label input[type="text"] {
        width: 210px;
    }

    #footer .newsletter-flied form input[type="submit"] {
        width: 90px;
    }

    #footer .newsletter-flied span.error {
        display: inline-block;
        line-height: 20px;
    }

    #footer .social-media ul li {
        width: 100%;
        border-bottom: 1px solid #3e3e3e;
        border-left: none;
    }

        #footer .social-media ul li:last-child {
            border-bottom: none;
        }
}